* {
  margin: 0;
  padding: 0;
}
.container {
  width: 1770px;
  margin: 0 auto;
}
.claerFlex::after {
  content: '';
  display: block;
  clear: both;
}
.listStyle {
  list-style: none;
  display: flex;
}
.margin_10 {
  margin: 10px;
}
.margin_20 {
  margin: 20px;
}
.margin_10_top {
  margin-top: 10px;
}
.margin_50_top {
  margin-top: 50px;
}
.margin_40_top {
  margin-top: 40px;
}
.font_12 {
  font-size: 12px;
}
.font_14 {
  font-size: 14px;
}
.font_17 {
  font-size: 17px;
}
.font_18 {
  font-size: 18px;
}
.font_20 {
  font-size: 20px;
}
.font_24 {
  font-size: 24px;
}
.font_30 {
  font-size: 30px;
}
.font_33 {
  font-size: 33px;
}
.font_40 {
  font-size: 40px;
}
.font_center {
  text-align: center;
}
.font_bold {
  font-weight: bold;
}
.font_lighter {
  font-weight: lighter;
}
.font_bule {
  color: #1296db;
}
.font_gray {
  color: gray;
}
.font_black {
  color: #5e5e5e;
}
.font_left {
  text-align: left;
}
.text_re2 {
  text-indent: 2em;
}
.font_white {
  color: white;
}
